<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<div role="main" class="main">
	<div class="center">
		<c:choose>
			<c:when test="${ exception != null}"> 
			<div class="row margintop200">

					<div class="span6 offset3">
						<div class="alert alert-danger">
							<strong>Erreur!</strong> ${exception }
						</div>
					</div>

				</div>
			</c:when>
			<c:otherwise>
		<div class="row aligncenter">
			<div class="span11">
			<div class="row aligncenter">
				<div class="span3"><h2 class="left">Liste des articles</h2></div>
				<div class="span7 form-search-article">
				<form class="form-search" id="form-article-search">
				
					<label>Rechercher par : </label>
					<select class="input-medium" id="select-search-critere">
						<option value="1">Référence article</option>
						<option value="2">Description courte</option>
						<option value="3">Prix (€)</option>
					</select>
    				<input type="text" class="input-medium search-query"  id="input-search">
    				<button type="submit" class="btn btn-success"><i class="icon-ok icon-white"></i></button>
    				<button class="btn btn-danger hide" id="btn-search-cancel"><i class="icon-remove icon-white"></i></button>
				</form>
				</div>
				</div>
				<div class="conteneur-tableau">
					<table class="table table-bordered table-striped bg-bleu" id="articles-table">
						<thead>
							<tr class="header">
								<th>Enseigne</th>
								<th>Référence article</th>
								<th>Description courte</th>
								<th>Prix (€)</th>
								<th class="td-icon"></th>
								<th class="td-icon"></th>
							</tr>
						</thead>
						<tbody>
							<c:forEach items="${articles}" var="article">
								<tr id="${article.id}">
									<td>${article.enseigne.libelle}</td>
									<td>${article.id}</td>
									<td>${article.description}</td>
									<td><fmt:formatNumber value="${article.prix}" type="currency" currencySymbol=""/></td>
									<td><a class="update"><span class="label label-info"> <i class="icon-pencil icon-white"></i></span></a></td>
									<td><a class="delete"><span class="label label-important"> <i class="icon-remove icon-white"></i></span></a></td>
								</tr>
							</c:forEach>

						</tbody>
					</table>
				</div>
				<div class="hide" id="search-no-article">Aucun article ne correspond à votre recherche</div>
			</div>
		</div>
		<div class="row margintop20 hide" id="divSuccess">
						<div class="span6 offset3">
							<div class="alert alert-success">
							<strong>Succès!</strong>
							Article créé !
							</div>
						</div>
					</div>
					<div class="row margintop20 hide" id="divSuccess-update">
						<div class="span6 offset3">
							<div class="alert alert-success">
							<strong>Succès!</strong>
							Article bien mis à jour !
							</div>
						</div>
					</div>
					<div class="row margintop20 hide" id="divSuccess-remove">
						<div class="span6 offset3">
							<div class="alert alert-success">
							<strong>Succès!</strong>
							Article supprimé !
							</div>
						</div>
					</div>
		<div class="row margintop20">
			<div class="span2 offset5">
				<a class="btn btn-primary" id="create-article" href="#"> <i
					class="icon-plus icon-white"></i> Nouvel Article
				</a>
			</div>
		</div>



<div id="form-article-div"  title="Formulaire article" class="span8">
		<html:form action="/createArticle" method="post" styleId="form-article" >
			<fieldset class="form-horizontal">
				<div class="control-group">
					<label class="control-label" for="enseigne">Enseigne</label>
					<div class="controls">
						<select id="enseigne" name="enseigne">
							<c:forEach  items="${enseignes}" var="enseigne" >
								<option value="${ enseigne.id}">${enseigne.libelle }</option>
							</c:forEach>
						</select>
					</div>
				</div>
				<div class="control-group">
					<label class="control-label" for="ref">Référence article</label>
					<div class="controls">
						<input id="ref" class="input disabled" type="text" value="" name="ref" readonly>
						<a class="" id="generate-ref" href="#"> 
							<i class="icon-refresh"></i>
						</a>
						<span class="help-inline hide">Ce champs est obligatoire</span>
					</div>
				</div>
				<div class="control-group">
					<label class="control-label" for="descCourte">Description courte</label>
					<div class="controls">
						<input id="descCourte" class="input" type="text" value=""  name="descCourte" maxlength="50">
						<span class="help-inline hide">Ce champs est obligatoire</span>
					</div>
				</div>
				<div class="control-group">
					<label class="control-label" for="modele">Modèle</label>
					<div class="controls">
						<input id="modele" class="input" type="text" value=""  name="modele" maxlength="50">
						<span class="help-inline hide">Ce champs est obligatoire</span>
					</div>
				</div>
				<div class="control-group">
					<label class="control-label" for="quantite">Quantité</label>
					<div class="controls">
						<input id="quantite" class="input" type="text" value=""  name="quantite" maxlength="10">
						<span id="quantite-obl" class="help-inline hide">Ce champs est obligatoire</span>
						<span id="quantite-int" class="help-inline hide">Cette valeur doit être entière</span>
					</div>
				</div>
				<div class="control-group">
					<label class="control-label" for="descLongue">Description longue</label>
					<div class="controls">
						<textarea id="descLongue" class="input-xlarge" rows="3" value=""  name="descLongue"  maxlength="255"></textarea>
						<span class="help-inline hide">Ce champs est obligatoire</span>
					</div>
				</div>
				<div class="control-group">
					<label class="control-label" for="prix">Prix</label>
					<div class="controls">
						<input id="prix" class="input" type="text" value=""  name="prix"  maxlength="13"> €
						<span id="prix-obl" class="help-inline hide">Ce champs est obligatoire</span>
						<span id="prix-int" class="help-inline hide">Cette valeur doit être un prix valide</span>
					</div>
				</div>
				<div class="control-group">
					<label class="control-label" for="image">Image</label>
					<div class="controls">
						
						<div class="">
						<input id="image-name" class="input-xlarge" type="text" readonly name="image-name">
						<a class="" id="browse-click" href="#"> 
							<i class="icon-folder-open"></i>
						</a>
						<span id="image-empty" class="help-inline hide">Ce champs est obligatoire</span>
						<span id="image-not"class="help-inline hide">Ce fichier n'est pas une image</span>
						</div>
					</div>
				</div>
				<div class="form-actions">
					<button class="btn btn-success" type="submit"><i class="icon-ok icon-white"></i>Créer</button>
					<button class="btn btn-primary" type="reset" id="btn-reset">Reset</button>
				</div>
			</fieldset>
			</html:form>
			<html:form action="/uploadImageArticle" styleId="form-image" styleClass="hide"><html:file property="fichier" styleId="image" /><html:submit styleId="submit-form-image"/></html:form>
			
	</div>


	
<div id="form-article-update"  title="Formulaire article" class="span8">
		<html:form action="/createArticle" method="post"  >
			<fieldset class="form-horizontal">
				<div class="control-group">
					<label class="control-label" for="enseigne-update">Enseigne</label>
					<div class="controls">
						<select id="enseigne-update" name="enseigne">
							<c:forEach  items="${enseignes}" var="enseigne" >
								<option value="${ enseigne.id}">${enseigne.libelle }</option>
							</c:forEach>
						</select>
					</div>
				</div>
				<div class="control-group">
					<label class="control-label" for="ref-update">Référence article</label>
					<div class="controls">
						<input id="ref-update" class="input disabled" type="text" value="" name="ref" readonly>
						<span class="help-inline hide">Ce champs est obligatoire</span>
					</div>
				</div>
				<div class="control-group">
					<label class="control-label" for="descCourte-update">Description courte</label>
					<div class="controls">
						<input id="descCourte-update" class="input" type="text" value=""  name="descCourte"  maxlength="50">
						<span class="help-inline hide">Ce champs est obligatoire</span>
					</div>
				</div>
				<div class="control-group">
					<label class="control-label" for="modele-update">Modèle</label>
					<div class="controls">
						<input id="modele-update" class="input" type="text" value=""  name="modele"  maxlength="50">
						<span class="help-inline hide">Ce champs est obligatoire</span>
					</div>
				</div>
				<div class="control-group">
					<label class="control-label" for="quantite-update">Quantité</label>
					<div class="controls">
						<input id="quantite-update" class="input" type="text" value=""  name="quantite"   maxlength="10">
						<span id="quantite-obl-update" class="help-inline hide">Ce champs est obligatoire</span>
						<span id="quantite-int-update" class="help-inline hide">Cette valeur doit être entière</span>
					</div>
				</div>
				<div class="control-group">
					<label class="control-label" for="descLongue-update">Description longue</label>
					<div class="controls">
						<textarea id="descLongue-update" class="input-xlarge" rows="3" name="descLongue"  maxlength="255"></textarea>
						<span class="help-inline hide">Ce champs est obligatoire</span>
					</div>
				</div>
				<div class="control-group">
					<label class="control-label" for="prix-update">Prix</label>
					<div class="controls">
						<input id="prix-update" class="input" type="text" value=""  name="prix"  maxlength="13"> €
						<span id="prix-obl-update" class="help-inline hide">Ce champs est obligatoire</span>
						<span id="prix-int-update" class="help-inline hide">Cette valeur doit être un prix valide</span>
					</div>
				</div>
				<div class="control-group">
					<label class="control-label" for="image-update">Image</label>
					<div class="controls">
						
						
						<div class="">
						<input id="image-name-update" class="input-xlarge" type="text" readonly name="image-name" value="">
						<a class="" id="browse-click-update" href="#"> 
							<i class="icon-folder-open"></i>
						</a>
						<span id="image-empty-update" class="help-inline hide">Ce champs est obligatoire</span>
						<span id="image-not-update"class="help-inline hide">Ce fichier n'est pas une image</span>
						</div>
					</div>
				</div>
				<div class="form-actions">
					<button class="btn btn-success" type="submit"><i class="icon-ok icon-white"></i>Mettre à jour</button>
					<button class="invisible" id="btn-reset-update" type="reset">reset</button>
				</div>
			</fieldset>
			</html:form>
			<html:form action="/uploadImageArticle" styleId="form-image-update" styleClass="hide"><html:file property="fichier" styleId="image-update" /><html:submit styleId="submit-form-image-update"/></html:form>
			
	</div>
	
<script language="javascript">
$(document).ready(function() {
	$.fx.speeds._default = 200;
	function intervalFunc() {
        $('#image-name').val($('#image').val());
    }
 
         
        $('#form-image').ajaxForm(function() { 
            alert("Votre image a bien été téléchargée"); 
        }); 
        $('#form-image-update').ajaxForm(function() { 
            alert("Votre image a bien été téléchargée"); 
        }); 

	function intervalFuncUpdate() {
		if($('#image-update').val() != "")
        	$('#image-name-update').val($('#image-update').val());
    }
    $('#browse-click').live('click', function () {
        $('#image').click();
        setInterval(intervalFunc, 1);
        return false;
    })
    
    $('#browse-click-update').live('click', function () {
    	$('#image-update').click();
        setInterval(intervalFuncUpdate, 1);
        return false;
    });
    
	$('#form-article-div').dialog({  autoOpen: false, modal: true, draggable: false, resizable: false, show: "slide", hide: "slide"  })
	$('#form-article-update').dialog({ autoOpen: false, modal: true, draggable: false, resizable: false, show: "slide", hide: "slide"  })
	$('#create-article').click(function() {
		$('#btn-reset').click();
		$('#form-article-div').dialog('open');
		// prevent the default action, e.g., following a link
		return false;
	});

	
    $("#form-article").submit(function(){
    	
		$("#divSuccess").addClass("hide");
		$("#divSuccess-update").addClass("hide");
		$("#divSuccess-remove").addClass("hide");
    	
		var check = checkFormArticle();
		if (!check)
			{
			return false;
			}
		$("#submit-form-image").click();
		enseigne = $(this).find("select[name=enseigne]").val();
		enseigne_nom = $(this).find("select[name=enseigne] :selected").text();
		ref = $(this).find("input[name=ref]").val();
		descCourte= $(this).find("input[name=descCourte]").val();
		modele= $(this).find("input[name=modele]").val();
		quantite= $(this).find("input[name=quantite]").val();
		descLongue= $(this).find("textarea[name=descLongue]").val();
		prix= $(this).find("input[name=prix]").val().replace(",",".");
		image= $(this).find("input[name=image-name]").val();
		fichier= $(this).find("input[name=image]").val();
		$.post("<%= request.getContextPath() %>/createArticle.do",{enseigne : enseigne, ref : ref, descCourte : descCourte, modele : modele, quantite : quantite, descLongue : descLongue, prix : prix, image : image, fichier : fichier },
				function(){
					$('#form-article-div').dialog('close');
					var tr = $('#articles-table tbody>tr:last').clone(true);
					tr.find("td").eq(0).html(enseigne_nom);
					tr.find("td").eq(1).html(ref);
					tr.find("td").eq(2).html(descCourte);
					tr.find("td").eq(3).html(prix);
					tr.attr('id',ref);
					tr.insertAfter('#articles-table tbody>tr:last');
					$('#btn-search-cancel').click();
					$("#divSuccess").removeClass("hide");
					
				}
		);
		return false;
	});
    
    $("#form-article-update").submit(function(){
		$("#divSuccess").addClass("hide");
		$("#divSuccess-update").addClass("hide");
		$("#divSuccess-remove").addClass("hide");
    	var check = checkFormArticleUpdate();
		if (!check)
			{
			return false;
			}
		$("#submit-form-image-update").click();
		enseigne = $(this).find("select[name=enseigne]").val();
		enseigne_nom = $(this).find("select[name=enseigne] :selected").text();
		ref = $(this).find("input[name=ref]").val();
		descCourte= $(this).find("input[name=descCourte]").val();
		modele= $(this).find("input[name=modele]").val();
		quantite= $(this).find("input[name=quantite]").val();
		descLongue= $(this).find("textarea[name=descLongue]").val();
		prix= $(this).find("input[name=prix]").val().replace(",",".");
		image= $(this).find("input[name=image-name]").val();
		$.post("<%= request.getContextPath() %>/updateArticle.do",{enseigne : enseigne, ref : ref, descCourte : descCourte, modele : modele, quantite : quantite, descLongue : descLongue, prix : prix, image : image },
				function(){
					$('#form-article-update').dialog('close');
					var tr = $('#'+ref);
					tr.find("td").eq(0).html(enseigne_nom);
					tr.find("td").eq(1).html(ref);
					tr.find("td").eq(2).html(descCourte);
					tr.find("td").eq(3).html(prix.replace(".",","));
					$('#btn-search-cancel').click();
					
					$("#divSuccess-update").removeClass("hide");
					
				} 
		);
		return false;
	});
    
    $('#form-article-search').submit(function(){
		$("#divSuccess").addClass("hide");
		$("#divSuccess-update").addClass("hide");
		$("#divSuccess-remove").addClass("hide");
    	 $('#btn-search-cancel').fadeIn(400,function(){});
    	var rows = $('#articles-table tbody > tr');
    	var critere = parseInt($('#select-search-critere').val());
    	var cpt = 0;
    	for (i=0;i<rows.length;i++)
    		{
    			var td = rows[i].children[critere].innerHTML.replace(/(\s*)|(\s*)/g,"");
    			var td = td.replace("&nbsp;","");
    			if(critere == 2)
    			{
    				if(td.indexOf($('#input-search').val()) == -1)
					{
						var tr = $('#'+rows[i].id);
						tr.fadeOut(400, function() {});
						cpt ++;
					}
	    			else
	    			{
	    				var tr = $('#'+rows[i].id);
						tr.fadeIn(400, function() {});
						tr.addClass("shown");
	    			}
    			}
    			else
    			{
	    			if(td != $('#input-search').val().replace(/(\s*)|(\s*)/g,""))
					{
						var tr = $('#'+rows[i].id);
						tr.fadeOut(400, function() {});
						cpt ++;
					}
	    			else
	    			{
	    				var tr = $('#'+rows[i].id);
						tr.fadeIn(400, function() {});
						tr.addClass("shown");
	    			}
    			}
    		}
    	if (cpt == rows.length)
    		{
    			$('#articles-table').fadeOut(0,function(){});
    			$('#search-no-article').fadeIn(400,function(){});
    		}
    	else
    		{
    			$('#search-no-article').fadeOut(0,function(){});
    			$('#articles-table').fadeIn(400,function(){});
    			
    		}
    	$("#articles-table").removeClass("table-striped");
    	var table = $("#articles-table").find(".shown");
    	for(i=0;i<table.length;i++)
    		{
    			if (i % 2 == 0)
    				{
    					var tr = $('#'+table[i].id);
    					tr.addClass("bg-gris");
    				}
    		}
    	return false;
    });

    $('#btn-search-cancel').click(function(){
		$("#divSuccess").addClass("hide");
		$("#divSuccess-update").addClass("hide");
		$("#divSuccess-remove").addClass("hide");
    	$("#articles-table").addClass("table-striped");
    	$(this).fadeOut('fast',function(){});
    	$('#search-no-article').fadeOut(0,function(){});
		$('#articles-table').fadeIn(400,function(){});
		var rows = $('#articles-table tbody > tr');
		for (i=0;i<rows.length;i++)
		{
			var tr = $('#'+rows[i].id);
			tr.removeClass("bg-gris");
			tr.fadeIn(400, function() {});
		}
		return false;
    });
    
	$('table#articles-table td a.delete').click(function()
	{
		$("#divSuccess").addClass("hide");
		$("#divSuccess-update").addClass("hide");
		$("#divSuccess-remove").addClass("hide");
		if (confirm("Etes-vous certain de vouloir désactiver cet article?"))
		{
			var id = $(this).parent().parent().attr('id');
			var data = 'id=' + id ;
			var parent = $(this).parent().parent();
				 
			$.ajax(
			{
				   type: "POST",
				   url: "<%= request.getContextPath() %>/deleteArticle.do",
				   data: data,
				   cache: false,
				   success: function()
			       {
				       parent.fadeOut('slow', function() {$(this).remove();});
				       $('#btn-search-cancel').click();
						
						$("#divSuccess-remove").removeClass("hide");
				   }
			});
		}
	});
	
	$('#generate-ref').click(function()
	{		 
				$.ajax(
				{
					type: "POST",
					url: "<%= request.getContextPath() %>/generateIdArticle.do",
					cache: false,
					success: function(reponse)
					{
						$('#ref').val(reponse);
					}
				});
	});
	
	$('table#articles-table td a.update').click(function()
			{
		$("#divSuccess").addClass("hide");
		$("#divSuccess-update").addClass("hide");
		$("#divSuccess-remove").addClass("hide");
						            var id = $(this).parent().parent().attr('id');
						            var parent =  $(this).parent().parent();
					            	var data = 'id=' + id ;
					            	$('#btn-reset-update').click();
				            		$('#form-article-update').dialog('open');
						            $.ajax(
						            {
						                   type: "POST",
						                   url: "<%= request.getContextPath() %>/getArticle.do",
						                   data: data,
						                   cache: false,
						                   success: function(reponse)
					                   	   {
							                    param = reponse.split("/&");
							                    
							                    $('#enseigne-update').val(param[0]);
							                    $('#ref-update').val(param[1]);
							                    $('#descCourte-update').val(param[2]);
							                    $('#modele-update').val(param[3]);
							                    $('#quantite-update').val(param[4]);
							                    $('#descLongue-update').val(param[5]);
							                    $('#prix-update').val(param[6].replace(/(\s*)|(\s*)/g,""));
							                    $('#image-name-update').val(param[7]);
							                    
						                   }
						             });
						    });
});

var intRegex = /^\d+$/;
var prixRegex = /^[0-9]+(,[0-9]{2}|\.[0-9]{2})?$/;

$("#btn-reset").click(function () {
	resetFormArticle();
});

$("#btn-reset-update").click(function () {
	resetFormArticleUpdate();
});

function checkFormArticle(){
	var bool = true;
	$("#enseigne").parent().parent().addClass("success");
	if ( $("#ref").val() == "" )
		{
			$("#ref").parent().parent().addClass("error");
			$("#ref").parent().parent().removeClass("success");
			$("#ref").parent().children("span").removeClass("hide");
			bool = false;
		}
	else
		{
			$("#ref").parent().parent().addClass("success");
			$("#ref").parent().parent().removeClass("error");
			$("#ref").parent().children("span").addClass("hide");
		}
	if ( $("#descCourte").val() == "" )
		{
			$("#descCourte").parent().parent().addClass("error");
			$("#descCourte").parent().parent().removeClass("success");
			$("#descCourte").parent().children("span").removeClass("hide");
			bool = false;
		}
	else
		{
			$("#descCourte").parent().parent().addClass("success");
			$("#descCourte").parent().parent().removeClass("error");
			$("#descCourte").parent().children("span").addClass("hide");
		}
	if ( $("#modele").val() == "" )
		{
			$("#modele").parent().parent().addClass("error");
			$("#modele").parent().parent().removeClass("success");
			$("#modele").parent().children("span").removeClass("hide");
			bool = false;
		}
	else
		{
			$("#modele").parent().parent().addClass("success");
			$("#modele").parent().parent().removeClass("error");
			$("#modele").parent().children("span").addClass("hide");
		}
	if ( $("#quantite").val() == "" )
		{
			$("#quantite").parent().parent().addClass("error");
			$("#quantite").parent().parent().removeClass("success");
			$("#quantite").parent().children("#quantite-obl").removeClass("hide");
			$("#quantite").parent().children("#quantite-int").addClass("hide");
			bool = false;
		}
	else
		{
			if(!intRegex.test($("#quantite").val()))
				{
					$("#quantite").parent().parent().addClass("error");
					$("#quantite").parent().parent().removeClass("success");
					$("#quantite").parent().children("#quantite-obl").addClass("hide");
					$("#quantite").parent().children("#quantite-int").removeClass("hide");
					bool = false;
				}
			else
				{
					$("#quantite").parent().parent().addClass("success");
					$("#quantite").parent().parent().removeClass("error");
					$("#quantite").parent().children("#quantite-obl").addClass("hide");
					$("#quantite").parent().children("#quantite-int").addClass("hide");
				}
		}
	if ( $("#descLongue").val() == "" )
		{
			$("#descLongue").parent().parent().addClass("error");
			$("#descLongue").parent().parent().removeClass("success");
			$("#descLongue").parent().children("span").removeClass("hide");
			bool = false;
		}
	else
		{
			$("#descLongue").parent().parent().addClass("success");
			$("#descLongue").parent().parent().removeClass("error");
			$("#descLongue").parent().children("span").addClass("hide");
		}
	if ( $("#prix").val() == "" )
	{
		$("#prix").parent().parent().addClass("error");
		$("#prix").parent().parent().removeClass("success");
		$("#prix").parent().children("#prix-obl").removeClass("hide");
		$("#prix").parent().children("#prix-int").addClass("hide");
		bool = false;
	}
else
	{
		if(!prixRegex.test($("#prix").val()))
			{
				$("#prix").parent().parent().addClass("error");
				$("#prix").parent().parent().removeClass("success");
				$("#prix").parent().children("#prix-obl").addClass("hide");
				$("#prix").parent().children("#prix-int").removeClass("hide");
				bool = false;
			}
		else
			{
				$("#prix").parent().parent().addClass("success");
				$("#prix").parent().parent().removeClass("error");
				$("#prix").parent().children("#prix-obl").addClass("hide");
				$("#prix").parent().children("#prix-int").addClass("hide");
			}
	}
	if ( $("#image-name").val() == "" )
		{
			$("#image-name").parent().parent().parent().addClass("error");
			$("#image-name").parent().parent().parent().removeClass("success");
			$("#image-empty").removeClass("hide");
			$("#image-not").addClass("hide");
			bool = false;
		}
	else
		{
			var filext = $("#image-name").val().substring($("#image-name").val().lastIndexOf(".")+1);
			if(filext != "jpg" && filext != "jpeg" && filext != "gif")
	        {
				$("#image-name").parent().parent().parent().addClass("error");
				$("#image-name").parent().parent().parent().removeClass("success");
				$("#image-empty").addClass("hide");
				$("#image-not").removeClass("hide");
	            bool=false;
	        }
			else
			{
				$("#image-name").parent().parent().parent().addClass("success");
				$("#image-name").parent().parent().parent().removeClass("error");
				$("#image-name").parent().children("span").addClass("hide");
			}
		}
		
	return bool;
}

function checkFormArticleUpdate(){
	var bool = true;
	$("#enseigne-update").parent().parent().addClass("success");
	if ( $("#ref-update").val() == "" )
		{
			$("#ref-update").parent().parent().addClass("error");
			$("#ref-update").parent().parent().removeClass("success");
			$("#ref-update").parent().children("span").removeClass("hide");
			bool = false;
		}
	else
		{
			$("#ref-update").parent().parent().addClass("success");
			$("#ref-update").parent().parent().removeClass("error");
			$("#ref-update").parent().children("span").addClass("hide");
		}
	if ( $("#descCourte-update").val() == "" )
		{
			$("#descCourte-update").parent().parent().addClass("error");
			$("#descCourte-update").parent().parent().removeClass("success");
			$("#descCourte-update").parent().children("span").removeClass("hide");
			bool = false;
		}
	else
		{
			$("#descCourte-update").parent().parent().addClass("success");
			$("#descCourte-update").parent().parent().removeClass("error");
			$("#descCourte-update").parent().children("span").addClass("hide");
		}
	if ( $("#modele-update").val() == "" )
		{
			$("#modele-update").parent().parent().addClass("error");
			$("#modele-update").parent().parent().removeClass("success");
			$("#modele-update").parent().children("span").removeClass("hide");
			bool = false;
		}
	else
		{
			$("#modele-update").parent().parent().addClass("success");
			$("#modele-update").parent().parent().removeClass("error");
			$("#modele-update").parent().children("span").addClass("hide");
		}
	if ( $("#quantite-update").val() == "" )
		{
			$("#quantite-update").parent().parent().addClass("error");
			$("#quantite-update").parent().parent().removeClass("success");
			$("#quantite-update").parent().children("#quantite-obl-update").removeClass("hide");
			$("#quantite-update").parent().children("#quantite-int-update").addClass("hide");
			bool = false;
		}
	else
		{
			if(!intRegex.test($("#quantite-update").val()))
				{
					$("#quantite-update").parent().parent().addClass("error");
					$("#quantite-update").parent().parent().removeClass("success");
					$("#quantite-update").parent().children("#quantite-obl-update").addClass("hide");
					$("#quantite-update").parent().children("#quantite-int-update").removeClass("hide");
					bool = false;
				}
			else
				{
					$("#quantite-update").parent().parent().addClass("success");
					$("#quantite-update").parent().parent().removeClass("error");
					$("#quantite-update").parent().children("#quantite-obl-update").addClass("hide");
					$("#quantite-update").parent().children("#quantite-int-update").addClass("hide");
				}
		}
	if ( $("#descLongue-update").val() == "" )
		{
			$("#descLongue-update").parent().parent().addClass("error");
			$("#descLongue-update").parent().parent().removeClass("success");
			$("#descLongue-update").parent().children("span").removeClass("hide");
			bool = false;
		}
	else
		{
			$("#descLongue-update").parent().parent().addClass("success");
			$("#descLongue-update").parent().parent().removeClass("error");
			$("#descLongue-update").parent().children("span").addClass("hide");
		}
	if ( $("#prix-update").val() == "" )
	{
		$("#prix-update").parent().parent().addClass("error");
		$("#prix-update").parent().parent().removeClass("success");
		$("#prix-update").parent().children("#prix-obl-update").removeClass("hide");
		$("#prix-update").parent().children("#prix-int-update").addClass("hide");
		bool = false;
	}
else
	{
		if(!prixRegex.test($("#prix-update").val()))
			{
				$("#prix-update").parent().parent().addClass("error");
				$("#prix-update").parent().parent().removeClass("success");
				$("#prix-update").parent().children("#prix-obl-update").addClass("hide");
				$("#prix-update").parent().children("#prix-int-update").removeClass("hide");
				bool = false;
			}
		else
			{
				$("#prix-update").parent().parent().addClass("success");
				$("#prix-update").parent().parent().removeClass("error");
				$("#prix-update").parent().children("#prix-obl-update").addClass("hide");
				$("#prix-update").parent().children("#prix-int-update").addClass("hide");
			}
	}
	if ( $("#image-name-update").val() == "" )
	{
		$("#image-name-update").parent().parent().parent().addClass("error");
		$("#image-name-update").parent().parent().parent().removeClass("success");
		$("#image-empty-update").removeClass("hide");
		$("#image-not-update").addClass("hide");
		bool = false;
	}
else
	{
		var filext = $("#image-name-update").val().substring($("#image-name-update").val().lastIndexOf(".")+1);
		if(filext != "jpg" && filext != "jpeg" && filext != "gif")
        {
			$("#image-name-update").parent().parent().parent().addClass("error");
			$("#image-name-update").parent().parent().parent().removeClass("success");
			$("#image-empty-update").addClass("hide");
			$("#image-not-update").removeClass("hide");
            bool=false;
        }
		else
		{
			$("#image-name-update").parent().parent().parent().addClass("success");
			$("#image-name-update").parent().parent().parent().removeClass("error");
			$("#image-name-update").parent().children("span").addClass("hide");
		}
	}
		
	return bool;
}

function resetFormArticle(){
	$("#enseigne").parent().parent().removeClass("success");
	$("#enseigne").parent().parent().removeClass("error");
	$("#ref").parent().parent().removeClass("success");
	$("#ref").parent().parent().removeClass("error");
	$("#ref").parent().children("span").addClass("hide");
	$("#descCourte").parent().parent().removeClass("success");
	$("#descCourte").parent().parent().removeClass("error");
	$("#descCourte").parent().children("span").addClass("hide");
	$("#modele").parent().parent().removeClass("success");
	$("#modele").parent().parent().removeClass("error");
	$("#modele").parent().children("span").addClass("hide");
	$("#quantite").parent().parent().removeClass("success");
	$("#quantite").parent().parent().removeClass("error");
	$("#quantite-obl").addClass("hide");
	$("#quantite-int").addClass("hide");
	$("#descLongue").parent().parent().removeClass("success");
	$("#descLongue").parent().parent().removeClass("error");
	$("#descLongue").parent().children("span").addClass("hide");
	$("#prix").parent().parent().removeClass("success");
	$("#prix").parent().parent().removeClass("error");
	$("#prix-obl").addClass("hide");
	$("#prix-int").addClass("hide");
	$("#image-name").parent().parent().parent().removeClass("success");
	$("#image-name").parent().parent().parent().removeClass("error");
	$("#image-name").parent().children("span").addClass("hide");
}

function resetFormArticleUpdate(){
	$("#enseigne-update").parent().parent().removeClass("success");
	$("#enseigne-update").parent().parent().removeClass("error");
	$("#ref-update").parent().parent().removeClass("success");
	$("#ref-update").parent().parent().removeClass("error");
	$("#ref-update").parent().children("span").addClass("hide");
	$("#descCourte-update").parent().parent().removeClass("success");
	$("#descCourte-update").parent().parent().removeClass("error");
	$("#descCourte-update").parent().children("span").addClass("hide");
	$("#modele-update").parent().parent().removeClass("success");
	$("#modele-update").parent().parent().removeClass("error");
	$("#modele-update").parent().children("span").addClass("hide");
	$("#quantite-update").parent().parent().removeClass("success");
	$("#quantite-update").parent().parent().removeClass("error");
	$("#quantite-obl-update").addClass("hide");
	$("#quantite-int-update").addClass("hide");
	$("#descLongue-update").parent().parent().removeClass("success");
	$("#descLongue-update").parent().parent().removeClass("error");
	$("#descLongue-update").parent().children("span").addClass("hide");
	$("#prix-update").parent().parent().removeClass("success");
	$("#prix-update").parent().parent().removeClass("error");
	$("#prix-obl-update").addClass("hide");
	$("#prix-int-update").addClass("hide");
	$("#image-name-update").parent().parent().parent().removeClass("success");
	$("#image-name-update").parent().parent().parent().removeClass("error");
	$("#image-name-update").parent().children("span").addClass("hide");
}
</script>
		</c:otherwise>
		</c:choose>
	</div>
</div>

